<!DOCTYPE html>
<!--[if lt IE 7 ]> <html class="ie ie6 lte9 lte8 lte7 no-js"> <![endif]-->
<!--[if IE 7 ]> <html class="ie ie7 lte9 lte8 lte7 no-js"> <![endif]-->
<!--[if IE 8 ]> <html class="ie ie8 lte9 lte8 no-js"> <![endif]-->
<!--[if IE 9 ]> <html class="ie ie9 lte9 no-js"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html class="notie no-js">
<head>    
<style type="text/css">
    
.twitterCompleteOauthWrapper{
    padding: 0 20px;
}
.twitterCompleteOauth{
    background: #FCFCFC;
    padding: 0 10px 10px 10px;
    border: 1px solid #EDEDED;
}
#submitEmail{
    background-color: #019AD2;
    background-image: linear-gradient(bottom, rgb(1,154,210) 0%, rgb(51,189,239) 54%);
background-image: -o-linear-gradient(bottom, rgb(1,154,210) 0%, rgb(51,189,239) 54%);
background-image: -moz-linear-gradient(bottom, rgb(1,154,210) 0%, rgb(51,189,239) 54%);
background-image: -webkit-linear-gradient(bottom, rgb(1,154,210) 0%, rgb(51,189,239) 54%);
background-image: -ms-linear-gradient(bottom, rgb(1,154,210) 0%, rgb(51,189,239) 54%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(1,154,210)),
	color-stop(0.54, rgb(51,189,239))
);
    background-repeat: repeat-x;
    border:1px solid #057ED0;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    line-height: 18px;
    overflow: visible;
    padding: 5px 10px;
    position: relative;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    
}
#submitEmail:hover{
    

background-image: linear-gradient(bottom, rgb(51,189,239) 1%, rgb(1,154,210) 49%);
background-image: -o-linear-gradient(bottom, rgb(51,189,239) 1%, rgb(1,154,210) 49%);
background-image: -moz-linear-gradient(bottom, rgb(51,189,239) 1%, rgb(1,154,210) 49%);
background-image: -webkit-linear-gradient(bottom, rgb(51,189,239) 1%, rgb(1,154,210) 49%);
background-image: -ms-linear-gradient(bottom, rgb(51,189,239) 1%, rgb(1,154,210) 49%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.01, rgb(51,189,239)),
	color-stop(0.49, rgb(1,154,210))
);



}
#TwitterEmail{
    height:25px;
}
</style>

</head>
<body>
<div class="twitterCompleteOauthWrapper">
<h2>Complete Authentication</h2>
<div class="twitterCompleteOauth">
    <p>You need to provide an e-mail address for your account to complete the registration.</p>
    <hr>
    <?php
        $name_s = explode(' ', $name);
        $first_name = $name_s[0];
        $last_name = "";
        for($i=1;$i < count($name_s);$i++)
            $last_name .= $name_s[$i]." ";
    ?>
    
    <?php echo form_open('http://leapdemo.com/twitter/create_member'); ?>
    <input type="hidden" id="user_id" name="user_id" value="<?php echo $id ?>" />
    <input type="hidden" name="firstname" value="<?php echo $first_name ?>" />
    <input type="hidden" name="lastname" value="<?php echo $last_name ?>" />
    <input type="hidden" name="username" value="<?php echo $screen_name ?>" />
    <input type="hidden" name="profile_pic_thumb" value="<?php echo $profile_image_url_https ?>" />
    <input name="TwitterEmail" id="TwitterEmail" type="text" placeholder="Your E-mail adress" />
    <input class="button"  id="submitEmail"  type="submit" value="Submit"/>
    <?php echo form_close(); ?>
</div>
</div>
<script language="javascript">

            window.resizeTo('500','500');
        
    
</script>
</body>
</html>